<!DOCTYPE html>
<html lang="zh-cn" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>UI DEMO</title>
    <meta name="description" content="组件库和插件库">
    <meta name="generator" content="VitePress v1.0.0-rc.44">
    <link rel="preload stylesheet" href="/abs-ui-doc/assets/style.BgpjbcMt.css" as="style">
    
    <script type="module" src="/abs-ui-doc/assets/app.NcbvBTUB.js"></script>
    <link rel="preload" href="/abs-ui-doc/assets/inter-roman-latin.Bu8hRsVA.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/abs-ui-doc/assets/chunks/framework.BL0IJ4-B.js">
    <link rel="modulepreload" href="/abs-ui-doc/assets/chunks/theme.BthvYAMb.js">
    <link rel="modulepreload" href="/abs-ui-doc/assets/guide_info.md.BG-vJLDy.lean.js">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-91f95fec><!--[--><!--]--><!--[--><span tabindex="-1" data-v-5b19f3e1></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-5b19f3e1> Skip to content </a><!--]--><!----><header class="VPNav" data-v-91f95fec data-v-fc7b0ed4><div class="VPNavBar has-sidebar" data-v-fc7b0ed4 data-v-37299660><div class="wrapper" data-v-37299660><div class="container" data-v-37299660><div class="title" data-v-37299660><div class="VPNavBarTitle has-sidebar" data-v-37299660 data-v-11edf0f4><a class="title" href="/abs-ui-doc/" data-v-11edf0f4><!--[--><!--]--><!--[--><img class="VPImage logo" src="/abs-ui-doc/vue.svg" alt data-v-e5319822><!--]--><span data-v-11edf0f4>组件库标题</span><!--[--><!--]--></a></div></div><div class="content" data-v-37299660><div class="content-body" data-v-37299660><!--[--><!--]--><div class="VPNavBarSearch search" data-v-37299660><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-37299660 data-v-43228b6f><span id="main-nav-aria-label" class="visually-hidden" data-v-43228b6f>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/abs-ui-doc/guide/" tabindex="0" data-v-43228b6f data-v-c84d6c41><!--[--><span data-v-c84d6c41>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/abs-ui-doc/libs/" tabindex="0" data-v-43228b6f data-v-c84d6c41><!--[--><span data-v-c84d6c41>组件库</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/abs-ui-doc/plugins/" tabindex="0" data-v-43228b6f data-v-c84d6c41><!--[--><span data-v-c84d6c41>插件库</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-37299660 data-v-47c1fea6><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-47c1fea6 data-v-26b401be data-v-fd1c020d><span class="check" data-v-fd1c020d><span class="icon" data-v-fd1c020d><!--[--><span class="vpi-sun sun" data-v-26b401be></span><span class="vpi-moon moon" data-v-26b401be></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-37299660 data-v-af15f861 data-v-5cd70e58><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-5cd70e58 data-v-87dcca7e><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-37299660 data-v-7bb50b53 data-v-f9b1ba34><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f9b1ba34><span class="vpi-more-horizontal icon" data-v-f9b1ba34></span></button><div class="menu" data-v-f9b1ba34><div class="VPMenu" data-v-f9b1ba34 data-v-33033a17><!----><!--[--><!--[--><!----><div class="group" data-v-7bb50b53><div class="item appearance" data-v-7bb50b53><p class="label" data-v-7bb50b53>Appearance</p><div class="appearance-action" data-v-7bb50b53><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-7bb50b53 data-v-26b401be data-v-fd1c020d><span class="check" data-v-fd1c020d><span class="icon" data-v-fd1c020d><!--[--><span class="vpi-sun sun" data-v-26b401be></span><span class="vpi-moon moon" data-v-26b401be></span><!--]--></span></span></button></div></div></div><div class="group" data-v-7bb50b53><div class="item social-links" data-v-7bb50b53><div class="VPSocialLinks social-links-list" data-v-7bb50b53 data-v-5cd70e58><!--[--><a class="VPSocialLink no-icon" href="https://github.com/vuejs/vitepress" aria-label="github" target="_blank" rel="noopener" data-v-5cd70e58 data-v-87dcca7e><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-37299660 data-v-827ba88d><span class="container" data-v-827ba88d><span class="top" data-v-827ba88d></span><span class="middle" data-v-827ba88d></span><span class="bottom" data-v-827ba88d></span></span></button></div></div></div></div><div class="divider" data-v-37299660><div class="divider-line" data-v-37299660></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-91f95fec data-v-72a02c01><div class="container" data-v-72a02c01><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-72a02c01><span class="vpi-align-left menu-icon" data-v-72a02c01></span><span class="menu-text" data-v-72a02c01>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-72a02c01 data-v-4f7ce968><button data-v-4f7ce968>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-91f95fec data-v-25cc2a4e><div class="curtain" data-v-25cc2a4e></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-25cc2a4e><span class="visually-hidden" id="sidebar-aria-label" data-v-25cc2a4e> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-25cc2a4e><section class="VPSidebarItem level-0" data-v-25cc2a4e data-v-f0a4217a><div class="item" role="button" tabindex="0" data-v-f0a4217a><div class="indicator" data-v-f0a4217a></div><h2 class="text" data-v-f0a4217a>指南</h2><!----></div><div class="items" data-v-f0a4217a><!--[--><div class="VPSidebarItem level-1 is-link" data-v-f0a4217a data-v-f0a4217a><div class="item" data-v-f0a4217a><div class="indicator" data-v-f0a4217a></div><a class="VPLink link link" href="/abs-ui-doc/guide/quickstart.html" data-v-f0a4217a><!--[--><p class="text" data-v-f0a4217a>快速开始</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-f0a4217a data-v-f0a4217a><div class="item" data-v-f0a4217a><div class="indicator" data-v-f0a4217a></div><a class="VPLink link link" href="/abs-ui-doc/guide/" data-v-f0a4217a><!--[--><p class="text" data-v-f0a4217a>组件库介绍</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-91f95fec data-v-02b9f521><div class="VPDoc has-sidebar has-aside" data-v-02b9f521 data-v-5323408c><!--[--><!--]--><div class="container" data-v-5323408c><div class="aside" data-v-5323408c><div class="aside-curtain" data-v-5323408c></div><div class="aside-container" data-v-5323408c><div class="aside-content" data-v-5323408c><div class="VPDocAside" data-v-5323408c data-v-68285018><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-68285018 data-v-ee00fa7c><div class="content" data-v-ee00fa7c><div class="outline-marker" data-v-ee00fa7c></div><div class="outline-title" role="heading" aria-level="2" data-v-ee00fa7c>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-ee00fa7c><span class="visually-hidden" id="doc-outline-aria-label" data-v-ee00fa7c> Table of Contents for current page </span><ul class="VPDocOutlineItem root" data-v-ee00fa7c data-v-9c2859a9><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-68285018></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-5323408c><div class="content-container" data-v-5323408c><!--[--><!--]--><main class="main" data-v-5323408c><div style="position:relative;" class="vp-doc _abs-ui-doc_guide_info" data-v-5323408c><div><p>{ &quot;name&quot;: &quot;ui-demo&quot;, &quot;private&quot;: true, &quot;version&quot;: &quot;0.0.0&quot;, &quot;type&quot;: &quot;module&quot;, &quot;scripts&quot;: { &quot;dev&quot;: &quot;vite&quot;, &quot;build&quot;: &quot;vue-tsc &amp;&amp; vite build&quot;, &quot;preview&quot;: &quot;vite preview&quot;, &quot;docs:dev&quot;: &quot;vitepress dev docs&quot;, &quot;docs:build&quot;: &quot;vitepress build docs&quot;, &quot;docs:serve&quot;: &quot;vitepress serve docs&quot;, &quot;docs:refresh&quot;: &quot;esno ./build/index.ts --method docsRefresh&quot;, &quot;docs:refreshSlide&quot;: &quot;esno ./build/index.ts --method docsRefreshSlide&quot;, &quot;docs:refreshIndex&quot;: &quot;esno ./build/index.ts --method docsRefreshIndex&quot;, &quot;docs:resetI18n&quot;: &quot;esno ./build/index.ts --method docsResetI18n&quot;, &quot;docs:clear&quot;: &quot;esno ./build/index.ts --method docsClear&quot;, &quot;comp:add&quot;: &quot;esno ./build/index.ts --method compAdd&quot;, &quot;comp:del&quot;: &quot;esno ./build/index.ts --method compDel&quot;, &quot;comp:addGroup&quot;: &quot;esno ./build/index.ts --method compAddGroup&quot;, &quot;comp:delGroup&quot;: &quot;esno ./build/index.ts --method compDelGroup&quot;, &quot;comp:addDemo&quot;: &quot;esno ./build/index.ts --method compAddDemo&quot;, &quot;comp:delDemo&quot;: &quot;esno ./build/index.ts --method compDelDemo&quot;, &quot;comp:refreshDocs&quot;: &quot;esno ./build/index.ts --method compRefreshDocs&quot;, &quot;comp:refreshMd&quot;: &quot;esno ./build/index.ts --method compRefreshMd&quot;, &quot;comp:refreshDemo&quot;: &quot;esno ./build/index.ts --method compRefreshDemos&quot;, &quot;comp:refreshMain&quot;: &quot;esno ./build/index.ts --method compRefreshMain&quot;, &quot;comp:refreshIndex&quot;: &quot;esno ./build/index.ts --method compRefreshIndex&quot;, &quot;comp:refresh&quot;: &quot;esno ./build/index.ts --method compRefresh&quot;, &quot;comp:build&quot;: &quot;esno ./build/index.ts --method compBuild&quot;, &quot;plugin:add&quot;: &quot;esno ./build/index.ts --method pluginAdd&quot;, &quot;plugin:del&quot;: &quot;esno ./build/index.ts --method pluginDel&quot;, &quot;plugin:addGroup&quot;: &quot;esno ./build/index.ts --method pluginAddGroup&quot;, &quot;plugin:delGroup&quot;: &quot;esno ./build/index.ts --method pluginDelGroup&quot;, &quot;plugin:addDemo&quot;: &quot;esno ./build/index.ts --method pluginAddDemo&quot;, &quot;plugin:delDemo&quot;: &quot;esno ./build/index.ts --method pluginDelDemo&quot;, &quot;plugin:refreshDocs&quot;: &quot;esno ./build/index.ts --method pluginRefreshDocs&quot;, &quot;plugin:refreshMd&quot;: &quot;esno ./build/index.ts --method pluginRefreshMd&quot;, &quot;plugin:refreshDemo&quot;: &quot;esno ./build/index.ts --method pluginRefreshDemos&quot;, &quot;plugin:refreshMain&quot;: &quot;esno ./build/index.ts --method pluginRefreshMain&quot;, &quot;plugin:refreshIndex&quot;: &quot;esno ./build/index.ts --method pluginRefreshIndex&quot;, &quot;plugin:refresh&quot;: &quot;esno ./build/index.ts --method pluginRefresh&quot;, &quot;plugin:build&quot;: &quot;esno ./build/index.ts --method pluginBuild&quot; }, &quot;dependencies&quot;: { &quot;lodash&quot;: &quot;^4.17.21&quot;, &quot;vue&quot;: &quot;3.3.4&quot; }, &quot;devDependencies&quot;: { &quot;@iconify-json/mdi&quot;: &quot;^1.1.52&quot;, &quot;@types/fs-extra&quot;: &quot;^11.0.1&quot;, &quot;@types/inquirer&quot;: &quot;^9.0.3&quot;, &quot;@types/lodash&quot;: &quot;^4.14.195&quot;, &quot;@unocss/preset-icons&quot;: &quot;^0.53.1&quot;, &quot;@unocss/preset-mini&quot;: &quot;^0.53.1&quot;, &quot;@unocss/preset-web-fonts&quot;: &quot;^0.53.1&quot;, &quot;@vitejs/plugin-vue&quot;: &quot;^4.2.3&quot;, &quot;fs-extra&quot;: &quot;^11.1.1&quot;, &quot;handlebars&quot;: &quot;^4.7.7&quot;, &quot;inquirer&quot;: &quot;^9.2.7&quot;, &quot;rollup-plugin-visualizer&quot;: &quot;^5.9.0&quot;, &quot;sass&quot;: &quot;^1.63.2&quot;, &quot;typescript&quot;: &quot;^5.1.3&quot;, &quot;unocss&quot;: &quot;^0.53.1&quot;, &quot;vite&quot;: &quot;^4.3.9&quot;, &quot;vite-plugin-dts&quot;: &quot;^2.3.0&quot;, &quot;vitepress&quot;: &quot;1.0.0-beta.1&quot;, &quot;vue-tsc&quot;: &quot;^1.6.5&quot; } }</p></div></div></main><footer class="VPDocFooter" data-v-5323408c data-v-637b38a6><!--[--><!--]--><div class="edit-info" data-v-637b38a6><!----><div class="last-updated" data-v-637b38a6><p class="VPLastUpdated" data-v-637b38a6 data-v-7b3d4238>Last updated: <time datetime="2023-06-09T13:59:27.000Z" data-v-7b3d4238></time></p></div></div><nav class="prev-next" data-v-637b38a6><div class="pager" data-v-637b38a6><!----></div><div class="pager" data-v-637b38a6><a class="VPLink link pager-link next" href="/abs-ui-doc/guide/quickstart.html" data-v-637b38a6><!--[--><span class="desc" data-v-637b38a6>Next page</span><span class="title" data-v-637b38a6>快速开始</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"guide_info.md\":\"BG-vJLDy\",\"libs_zh_animation_elsanimationqueue.md\":\"DBqcmUZq\",\"libs_index.md\":\"BzAfaRZ6\",\"libs_zh_base_codeeditor.md\":\"DRgqc-1g\",\"libs_zh_base_dialogtable.md\":\"BvVUzI8i\",\"libs_zh_data_elsbutton.md\":\"DLlE0Iq4\",\"libs_zh_lowcode_elscontent.md\":\"BuMrfq6_\",\"index.md\":\"C61moqGG\",\"demos_base_elsmarkdown_test.md\":\"Bzu3x6bV\",\"libs_zh_base_elslistform.md\":\"D50gN5F2\",\"guide_quickstart.md\":\"CthXQ01c\",\"demos_base_elsmarkdown_mdv3.md\":\"B5syA_AQ\",\"libs_zh_base_elsscroll.md\":\"CTV5bb5i\",\"libs_zh_data_elsformdesign.md\":\"BSRREjnc\",\"guide_index.md\":\"DjcOZ4Tk\",\"libs_zh_base_modalok.md\":\"BNXkzpjJ\",\"libs_zh_data_elsicon.md\":\"CpwhQsq1\",\"libs_zh_base_elstable.md\":\"BMATHXuo\",\"libs_zh_base_elsmarkdown.md\":\"BEK8XP36\",\"libs_zh_base_elsform.md\":\"0M-u_KgY\",\"plugins_index.md\":\"Ck2b93WC\",\"libs_zh_base_jsonview.md\":\"DNGAEPF0\",\"libs_zh_group_selfselect.md\":\"BasWwPIY\",\"libs_zh_base_elselem.md\":\"BRXvaVxR\",\"libs_zh_base_elstableold.md\":\"B1Mtn7pj\",\"libs_zh_base_elsx6.md\":\"BNGozCm5\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-cn\",\"dir\":\"ltr\",\"title\":\"UI DEMO\",\"description\":\"组件库和插件库\",\"base\":\"/abs-ui-doc/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/vue.svg\",\"siteTitle\":\"组件库标题\",\"outline\":3,\"search\":{\"provider\":\"local\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/vuejs/vitepress\"}],\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\"},{\"text\":\"组件库\",\"link\":\"/libs/\"},{\"text\":\"插件库\",\"link\":\"/plugins/\"}],\"sidebar\":{\"/guide\":[{\"text\":\"指南\",\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/quickstart\"},{\"text\":\"组件库介绍\",\"link\":\"/guide/\"}]}],\"/libs\":[{\"text\":\"基础分组\",\"collapsed\":true,\"items\":[{\"text\":\"抽象元素\",\"link\":\"/libs/zh/Base/ElsElem.md\"},{\"text\":\"抽象表单\",\"link\":\"/libs/zh/Base/ElsForm.md\"},{\"text\":\"自定义滚动条\",\"link\":\"/libs/zh/Base/ElsScroll.md\"},{\"text\":\"抽象表格\",\"link\":\"/libs/zh/Base/ElsTable.md\"},{\"text\":\"旧版表格组件\",\"link\":\"/libs/zh/Base/ElsTableOld.md\"},{\"text\":\"Markdown 编辑器\",\"link\":\"/libs/zh/Base/ElsMarkdown.md\"},{\"text\":\"代码编辑器\",\"link\":\"/libs/zh/Base/CodeEditor.md\"},{\"text\":\"JSON 数据展示\",\"link\":\"/libs/zh/Base/JsonView.md\"},{\"text\":\"表单集合\",\"link\":\"/libs/zh/Base/ElsListForm.md\"},{\"text\":\"弹框表格\",\"link\":\"/libs/zh/Base/DialogTable.md\"},{\"text\":\"自定义模态框\",\"link\":\"/libs/zh/Base/ModalOk.md\"}]},{\"text\":\"动效分组\",\"collapsed\":true,\"items\":[{\"text\":\"动画队列\",\"link\":\"/libs/zh/Animation/ElsAnimationQueue.md\"},{\"text\":\"幻灯片组件\",\"link\":\"/libs/zh/Animation/ElsPpt.md\"}]},{\"text\":\"数据分组\",\"collapsed\":true,\"items\":[{\"text\":\"图标\",\"link\":\"/libs/zh/Data/ElsIcon.md\"},{\"text\":\"抽象按钮\",\"link\":\"/libs/zh/Data/ElsButton.md\"},{\"text\":\"表单设计器\",\"link\":\"/libs/zh/Data/ElsFormDesign.md\"}]},{\"text\":\"低代码\",\"collapsed\":true,\"items\":[{\"text\":\"静态内容数据化\",\"link\":\"/libs/zh/LowCode/ElsContent.md\"}]}],\"/plugins\":[]}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>